﻿ 
<!DOCTYPE html>  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <meta name="keywords" content="账单">  
    <meta name="description" content="账单">  
    <title>账单管理</title>  
    
    <%@ include file="/WEB-INF/inc/default.jsp"%>
    <jsp:include page="/WEB-INF/inc/dic.jsp"/>  

</head>  
<body>  
    
      
     
    
    
    <div class="easyui-layout" align=center style="width:100%;height:600px;overflow:hidden"> 
    	   <div data-options="region:'north',split:true" style="width:100%;height:300px">  
              <table id="dg"  class="easyui-datagrid" style="height:290px"  
                   url="/project/accountPn/list.do"  
                  toolbar="#toolbar" pagination="true"  
                   rownumbers="true" fitColumns="true" loadMsg="正在查询,请稍候..." singleSelect="false">  

              </table>  
         </div>
         <div data-options="region:'center',iconCls:'icon-ok'" style="width:100%"> 
              	<div id="tab_panel" class="easyui-tabs" style="height:250px">  
                         
                         <div title="收款记录" url="/project/accountAr/managerPage.do" >  
                             <iframe " name="tab_panel5" src="" style="width:100%;height:99%"></iframe>
                         </div>
                         <div title="发票邮寄" url="/project/accountInvoice/managerPage.do" >  
                             <iframe " name="tab_panel6" src="" style="width:99%;height:99%"></iframe>
                         </div>
                         <div title="账单附件" url="/project/accountPnAttachment/managerPage.do" >  
                             <iframe " name="tab_panel6" src="" style="width:99%;height:99%"></iframe>
                         </div>
                         
                </div> 
          </div>
    </div>
    
    
    <div id="toolbar">  
        
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">修改</a>  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="deletes()">删除</a>  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="find()">查询</a>
    </div>  
    <!-- edit form窗体（开始） -->  
    <div id="dlg" style="display:none;">   
    	  <!--
        <form id="fm" method="post" novalidate>  
        	  	  	 <input type="hidden" name="id" >         	  	  	 
        	  	  	 <div class="fitem">  
                     <label style="width:100px">账单编号<font color="red">*</font>:</label>                                            
                     <input name="nbr" class="easyui-box easyui-validatebox"  required="true">                       
                   </div>
                   <div class="fitem">  
                     <label style="width:100px">offer收款金额<font color="red">*</font>:</label>                       
                     <input name="finalAr" class="easyui-numberbox easyui-validatebox"  required="true">                       
                   </div>	
                    <div class="fitem">  
                     <label style="width:100px">货币单位<font color="red">*</font>:</label>  
                     <input class="easyui-combobox easyui-validatebox"  required="true" name="currency" style="width:200px;"  data-options="data:__getConstantCategory('MoneyType'),valueField:'code', textField:'value', multiple:false,panelHeight:'auto',mode:'remote' ">
                   </div> 
                   <div class="fitem">  
                     <label style="width:100px">收款分公司:</label>                                                                 
                     <input class="easyui-combobox"   name="branchNbr" style="width:200px;"  data-options="url:'/auth/systemBranchCompany/listbranchcompany.do',valueField:'branchNbr', textField:'name', multiple:false,panelHeight:'auto',mode:'remote' ">                      
                   </div> 
                    <div class="fitem">  
                     <label style="width:100px">发送状态<font color="red">*</font>:</label>  
                     <input class="easyui-combobox easyui-validatebox"  required="true" name="status" style="width:200px;"  data-options="data:__getConstantCategory('AccountPnStatus'),valueField:'code', textField:'value', multiple:false,panelHeight:'auto',mode:'remote' ">
                   </div>  
                   <div class="fitem">  
                     <label style="width:100px">发出时间:</label>                       
                     <input name="sendDtString" data-options="formatter:formateDateTime"  class="easyui-datebox">                       
                   </div>  
                   <div class="fitem">  
                     <label style="width:100px">发送人:</label>                                                                  
                     <input class="easyui-combobox"   name="sender" style="width:200px;"  data-options="url:'/auth/systemUser/userlist.do',valueField:'account', textField:'name', multiple:false,panelHeight:'auto',mode:'remote' ">                    
                   </div> 
                   <div class="fitem">  
                     <label style="width:100px">账单模板:</label>                                                                 
                     <input class="easyui-combobox easyui-validatebox"   name="templateType" style="width:200px;"  data-options="data:__getConstantCategory('PnTemplate'),valueField:'code', textField:'value', multiple:false,panelHeight:'auto',mode:'remote' ">                     
                   </div> 
                   <div class="fitem">  
                     <label style="width:100px">备注:</label>                                                                 
                     <textarea name="comment" style="width:300px;height:80px" ></textarea>                  
                   </div>                            	  	  	 
        </form>  
        <div  style="text-align:center">  
          <a href="javascript:void(0)" id="btn-save" class="easyui-linkbutton" iconCls="icon-ok" ">保存</a>  
          <a href="javascript:void(0)" id="btn-close" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>  
        </div>
        -->
    </div>  
    <!-- edit form窗体（结束） -->  
    <!-- query form窗体(开始) -->  
    <div id="dlg_query" style="display:none;"> 
        <!--
        <form id="fm_query" method="post" novalidate>  
            
                   <div class="fitem">  
                     <label style="width:100px">姓名:</label>                       
                     <input name="cvName" class="easyui-box">                       
                   </div>	
	        		     <div class="fitem">  
                     <label style="width:100px">客户公司:</label>                       
                     <input name="custName" class="easyui-box">                       
                   </div>	        		     	        		        		     
	        		     <div class="fitem">  
                     <label style="width:100px">账单编号:</label>                                            
                     <input name="nbr" class="easyui-box">                       
                   </div> 
                   <div class="fitem">  
                     <label style="width:100px">发出日期:</label>                       
                     <input name="sendDtBegin" style="width:80px" data-options="formatter:formateDate" class="easyui-datebox">到<input name="sendDtEnd" style="width:80px" data-options="formatter:formateDate" class="easyui-datebox">                         	
                   </div> 
                   
              
        </form>  
        <div  style="text-align:center">  
          <a href="javascript:void(0)" id="btn-query" class="easyui-linkbutton" iconCls="icon-ok" ">查询</a>  
          <a href="javascript:void(0)" id="btn-query-close" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>  
        </div>        
        -->
    </div> 
    <!-- query form窗体(结束) -->  
    <div id="dlg-buttons">  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="save()">Save</a>  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>  
    </div>  
    <div id="dlg-buttons-query">  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="query()">确定</a>  
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg_query').dialog('close')">Cancel</a>  
    </div>  
    <script type="text/javascript">  
        var url;  
        var pnNbr;
        var pnId;
        var custId;
        var optWin = $.window({
		       		 title:"新增账单",
		       		 tplRef:"dlg",//这个属性指定模板id
		       		 Height:500,		       		 
		       		 width:500,
		       		 closed:true,		       		 
		       		 onComplete:function(){
		       		 	  //窗口里面的初始化,最好是在这个事件里面进行
		       		 	  var curWin=this;
		       		 	  var doForm=curWin.find('#fm');
		       		 	  curWin.doForm=doForm;
		       		 	  this.find("#btn-close").click(function(){		       		 	  	
		       		 	  	   curWin.window('close');
		       		 	  });
		       		 	  this.find("#btn-save").click(function(){		       		 	  	
		                 		  if (!doForm.form('validate')) return;
		                 		  
		                 		  doForm.form('submit',{  
                            url: curWin.url,  
                            onSubmit: function(){                              	  
                                return doForm.form('validate');  
                            },  
                            success: function(result){  
                                var result = eval('('+result+')');                      
                                if (result.success == true){  
                                    //$.messager.alert('信息',result.msg,'info');  
                                    alert(result.msg);
                                    curWin.window('close');
                                    curWin.openWin.reload();
                                    
                                } else {  
                                    //$.messager.alert('错误',result.msg,'error');
                                    alert(result.msg);
                                }  
                            }  
                       }); 		 
		              });
		       		   
		       		 }
		    });
		    
		    var queryWin = $.window({
		       		 title:"职位参与人查询",
		       		 tplRef:"dlg_query",//这个属性指定模板id
		       		 height:250,	
		       		 width:400,       		 
		       		 closed:true,		       		 
		       		 onComplete:function(){
		       		 	  //窗口里面的初始化,最好是在这个事件里面进行
		       		 	  var curWin=this;
		       		 	  var doForm=curWin.find('#fm_query');
		       		 	  curWin.doForm=doForm;
		       		 	  this.find("#btn-query-close").click(function(){		       		 	  	
		       		 	  	   curWin.window('close');
		       		 	  });
		       		 	  this.find("#btn-query").click(function(){
		       		 	  			                 		  
		                 		 //var formdata=$('#fm_query').formToArray(); 
		                 		 curWin.window('close');
		                 		 var formdata=curWin.find('#fm_query').formToArray();   		 
		                 		 curWin.openWin.query(formdata);
		              });
		       		   
		       		 }
		    });
        function add(){         	 
           // $('#dlg').dialog('open').dialog('setTitle','新增账单');  
          //  $('#fm').form('clear');  
          //  url = '/project/accountPn/save.do';  
        }  
        function doEdit(id){ 
        	optWin.window('open');
		             optWin.doForm.form('clear');
		             optWin.url='/project/accountPn/update.do'; 
		             optWin.doForm.form('load','/project/accountPn/get.do?id='+id);   
		             optWin.openWin=window;
		              optWin.window('setTitle','修改账单');
        } 	 
        function edit(){  
            //var row = $('#dg').datagrid('getSelected');  
            var rows = $('#dg').datagrid('getSelections');
            if (!rows||rows.length==0){
            	 $.messager.alert('提示','请选择要修改的行','info');
            	 return;
            }
            if (!rows||rows.length>1){
            	 $.messager.alert('提示','不能选择多行','info');
            	 return;
            }
            if (rows){  
               // $('#dlg').dialog('open').dialog('setTitle','修改账单');  
                //$('#fm').form('load',rows[0]);  
               // $('#fm').form('load','/project/accountPn/get.do?id='+rows[0].id);  
               // url = '/project/accountPn/update.do';
               doEdit(rows[0].id);
            }  
        }  
        function save(){          	   
        	  if (!$('#fm').form('validate')) return; 
            $('#fm').form('submit',{  
                url: url,  
                onSubmit: function(){  
                    return $(this).form('validate');  
                },  
                success: function(result){  
                    var result = eval('('+result+')');  
                    console.log(result);
                    if (result.success == true){  
                        $.messager.alert('信息',result.msg,'info');  
                        $('#dlg').dialog('close');      // close the dialog  
                        $('#dg').datagrid('reload');    // reload the user data  
                    } else {  
                        $.messager.alert('错误',result.msg,'error');
                    }  
                }  
            });  
        }  
        function deletes(){  
            var row = $('#dg').datagrid('getSelected');  
            
            var rows = $('#dg').datagrid('getSelections');  

            if (!rows||rows.length==0){
            	 $.messager.alert('提示','请选择要删除的行','info');
            	 return;
            }
            if (rows){  
                $.messager.confirm('重要提示','确定要删除?',function(r){  
                    if (r){  
                        $.post('/project/accountPn/delete.do',{ids:getRecordArray(rows,'id').join(',')},function(result){  
                            if (result.success){  
                                $('#dg').datagrid('reload');    // reload the user data  
                            } else {  
                                 
                                $.messager.alert('错误',result.errorMsg,'error'); 
                            }  
                        },'json');  
                    }  
                });  
            }  
        }  
        function find(){  
              
         
                 queryWin.window('open');   
                 queryWin.openWin=window; 
              
        } 
        	
        function query(formdata){  
                
                $('#dg').datagrid({
	                  queryParams: array2json(formdata)
                });
              
        }  
        
        //生成grid的字段,需要字典的自动转换
        $('#dg').datagrid({
        	   columns:[[
        	   	
        	   	   {field:'custName',title:'客户简称', width:100}
        	   	   ,{field:'jobName',title:'职位名', width:100}
        	   	   ,{field:'cvName',title:'成功候选人(中)', width:100}
        	   	   ,{field:'cvNameEn',title:'成功候选人(英)', width:100}
        	   	   ,{field:'nbr',title:'账单编号', width:100}
        	   	   ,{field:'finalAr',title:'收款金额', width:100}
        	   	   ,{field:'currency',title:'货币单位', width:100,
        	   		      formatter: function(value,row,index){
        	   		      	return __getConstantCategoryCodeValue('MoneyType', value);
        	   		      }
        	   	     }
        	   	   ,{field:'branchCompanyName',title:'收款分公司', width:100}        	   	   
        	   	   ,{field:'status',title:'账单状态', width:100,
        	   		      formatter: function(value,row,index){
        	   		      	return __getConstantCategoryCodeValue('AccountPnStatus', value);
        	   		      }
        	   	     }        	   	   
        	   	   ,{field:'uploadDoc',title:'上传的账单文件', width:100,hidden:true}
        	   	   ,{field:'sendDt',title:'发出账单时间', width:100}
        	   	   ,{field:'sender',title:'发送人帐号', width:100}        	   	   
        	   	   ,{field:'creator',title:'创建人', width:100}
        	   	   ,{field:'createDt',title:'创建时间', width:100}
        	   	   ,{field:'modifier',title:'修改人', width:100}
        	   	   ,{field:'modifiedDt',title:'修改时间', width:100}
        	   	   
        	   	
        	   	
        	   ]]
        	   ,onDblClickRow: function(rowIndex, rowData){
        	    	//$('#dlg').dialog('open').dialog('setTitle','修改账单');                  
                //$('#fm').form('load','/project/accountPn/get.do?id='+rowData.id);  
                //url = '/project/accountPn/update.do';        	    	
                doEdit(rowData.id);
        	    }
        	    ,onClickRow: function(rowIndex, rowData){
        	    	
        	    	var tab = $('#tab_panel').tabs('getSelected');
        	      pnNbr=rowData.nbr;    
        	      pnId=rowData.id;    
        	      custId=rowData.custId;
        	      
        	    	tab.find('iframe')[0].contentWindow.location.href=tab.attr('url')+"?pnNbr="+pnNbr+"&pnId="+pnId+"&custId="+custId;
                	    	
        	    }
        }); 
        var selectedTab=0;
        //完成-生成grid的字段
        $('#dg').datagrid({
	            onLoadSuccess: function(data){		
              if(data.total&&data.total>0) {
              	  $('#dg').datagrid('selectRow',0);
              	  var rowData=$('#dg').datagrid('getSelected');
              	          	        
        	        pnNbr=rowData.nbr;    
        	        pnId=rowData.id;
        	        custId=rowData.custId;
        	        var tab=$('#tab_panel').tabs('getTab', selectedTab);
        	        tab.find('iframe')[0].contentWindow.location.href=tab.attr('url')+"?pnNbr="+pnNbr+"&pnId="+pnId+"&custId="+custId;
              }	
	          }
	       });
         $('#tab_panel').tabs({
        	    onSelect: function(title,index){
        	      selectedTab=index;
        	    	var tab=$('#tab_panel').tabs('getTab', index);
        	      
        	    	tab.find('iframe')[0].contentWindow.location.href=tab.attr('url')+"?pnNbr="+pnNbr+"&pnId="+pnId+"&custId="+custId;
        	    	
        	    	
        	    }
        });
        
    </script>  
     
     

     
     
     
</body>  
</html>